<!DOCTYPE html>
<html lang="cn" dir="auto">

<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>Beautiful Hugo</title>

<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="https://leodesksss.gitee.io/" />
<link crossorigin="anonymous" href="/assets/css/stylesheet.min.b9ff4cc257e914dab489bd18086151800e18f91456a5174bf28489210227a659.css" integrity="sha256-uf9MwlfpFNq0ib0YCGFRgA4Y&#43;RRWpRdL8oSJIQInplk=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://leodesksss.gitee.io/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://leodesksss.gitee.io/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://leodesksss.gitee.io/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://leodesksss.gitee.io/apple-touch-icon.png">
<link rel="mask-icon" href="https://leodesksss.gitee.io/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<meta name="generator" content="Hugo 0.87.0" />
<link rel="alternate" type="application/rss+xml" href="https://leodesksss.gitee.io/index.xml">
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://leodesksss.gitee.io/" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content=""/>
<meta name="twitter:description" content=""/>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Beautiful Hugo",
  "url": "https://leodesksss.gitee.io/",
  "description": "",
  "thumbnailUrl": "https://leodesksss.gitee.io/favicon.ico",
  "sameAs": [
      
  ]
}
</script>
</head>

<body class="list" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>
<noscript>
    <style type="text/css">
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --theme: #1d1e20;
                --entry: #2e2e33;
                --primary: rgba(255, 255, 255, 0.84);
                --secondary: rgba(255, 255, 255, 0.56);
                --tertiary: rgba(255, 255, 255, 0.16);
                --content: rgba(255, 255, 255, 0.74);
                --hljs-bg: #2e2e33;
                --code-bg: #37383e;
                --border: #333;
            }

            .list {
                background: var(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }

    </style>
</noscript>

<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="https://leodesksss.gitee.io/" accesskey="h" title="Beautiful Hugo (Alt + H)">Beautiful Hugo</a>
            <span class="logo-switches">
                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
            </span>
        </div>
        <ul id="menu">
            <li>
                <a href="https://leodesksss.gitee.io/" title="Blog">
                    <span class="active">Blog</span>
                </a>
            </li>
            <li>
                <a href="https://leodesksss.gitee.io/" title="Samples">
                    <span class="active">Samples</span>
                </a>
            </li>
            <li>
                <a href="https://leodesksss.gitee.io/page/about/" title="About">
                    <span>About</span>
                </a>
            </li>
            <li>
                <a href="https://leodesksss.gitee.io/tags" title="Tags">
                    <span>Tags</span>
                </a>
            </li>
        </ul>
    </nav>
</header>
<main class="main"> 

<article class="first-entry"> 
  <header class="entry-header">
    <h2>Big Image Sample</h2>
  </header>
  <section class="entry-content">
    <p>The image banners at the top of the page are refered to as “bigimg” in this theme. They are optional, and one more more can be specified. If more than one is specified, the images rotate every 10 seconds. In the front matter, bigimgs are specified using an array of hashes.
...</p>
  </section>
  <footer class="entry-footer">March 7, 2017</footer>
  <a class="entry-link" aria-label="post link to Big Image Sample" href="https://leodesksss.gitee.io/post/2017-03-07-bigimg-sample/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Math Sample</h2>
  </header>
  <section class="entry-content">
    <p>KaTeX can be used to generate complex math formulas server-side.
$$ \phi = \frac{(1&#43;\sqrt{5})}{2} = 1.6180339887\cdots $$
Additional details can be found on GitHub or on the Wiki.
...</p>
  </section>
  <footer class="entry-footer">March 5, 2017</footer>
  <a class="entry-link" aria-label="post link to Math Sample" href="https://leodesksss.gitee.io/post/2017-03-05-math-sample/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Code Sample</h2>
  </header>
  <section class="entry-content">
    <p>The following are two code samples using syntax highlighting.
...</p>
  </section>
  <footer class="entry-footer">March 8, 2016</footer>
  <a class="entry-link" aria-label="post link to Code Sample" href="https://leodesksss.gitee.io/post/2016-03-08-code-sample/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Flake it till you make it</h2>
  </header>
  <section class="entry-content">
    <p>Under what circumstances should we step off a path? When is it essential that we finish what we start? If I bought a bag of peanuts and had an allergic reaction, no one would fault me if I threw it out. If I ended a relationship with a woman who hit me, no one would say that I had a commitment problem. But if I walk away from a seemingly secure route because my soul has other ideas, I am a flake?...</p>
  </section>
  <footer class="entry-footer">February 26, 2015</footer>
  <a class="entry-link" aria-label="post link to Flake it till you make it" href="https://leodesksss.gitee.io/post/2015-02-26-flake-it-till-you-make-it/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Test markdown</h2>
  </header>
  <section class="entry-content">
    <p>You can write regular markdown here and Hugo will automatically convert it to a nice webpage. I strongly encourage you to take 5 minutes to learn how to write in markdown - it’ll teach you how to transform regular text into bold/italics/headings/tables/etc.
Here is some bold text
Here is a secondary heading Here’s a useless table:
   Number Next number Previous number     Five Six Four   Ten Eleven Nine   Seven Eight Six   Two Three One    How about a yummy crepe?...</p>
  </section>
  <footer class="entry-footer">February 20, 2015</footer>
  <a class="entry-link" aria-label="post link to Test markdown" href="https://leodesksss.gitee.io/post/2015-02-20-test-markdown/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>To be</h2>
  </header>
  <section class="entry-content">
    <p>To be, or not to be–that is the question: Whether ‘tis nobler in the mind to suffer The slings and arrows of outrageous fortune Or to take arms against a sea of troubles And by opposing end them. To die, to sleep– No more–and by a sleep to say we end The heartache, and the thousand natural shocks That flesh is heir to. ‘Tis a consummation Devoutly to be wished. To die, to sleep– To sleep–perchance to dream: ay, there’s the rub, For in that sleep of death what dreams may come When we have shuffled off this mortal coil, Must give us pause....</p>
  </section>
  <footer class="entry-footer">February 13, 2015</footer>
  <a class="entry-link" aria-label="post link to To be" href="https://leodesksss.gitee.io/post/2015-02-13-hamlet-monologue/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Dear diary</h2>
  </header>
  <section class="entry-content">
    <p>What is it with that Mary girl? Dragging me to school every day. As if I had a choice. What you don’t hear in those nursery rhymes is that she starves me if I don’t go to school with her; it’s the only way I can stay alive! I’m thinking about being adopted by Little Bo Peep, sure I may get lost, but anything is better than being with Mary and those little brats at school (shudder, shudder)....</p>
  </section>
  <footer class="entry-footer">January 27, 2015</footer>
  <a class="entry-link" aria-label="post link to Dear diary" href="https://leodesksss.gitee.io/post/2015-01-27-dear-diary/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Soccer</h2>
  </header>
  <section class="entry-content">
    <p>From Wikipedia:
Association football, more commonly known as football or soccer,[2] is a sport played between two teams of eleven players with a spherical ball. It is played by 250 million players in over 200 countries, making it the world’s most popular sport.[3][4][5][6] The game is played on a rectangular field with a goal at each end. The object of the game is to score by getting the ball into the opposing goal....</p>
  </section>
  <footer class="entry-footer">January 19, 2015</footer>
  <a class="entry-link" aria-label="post link to Soccer" href="https://leodesksss.gitee.io/post/2015-01-19-soccer/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Pirates arrrr</h2>
  </header>
  <section class="entry-content">
    <p>Piracy is typically an act of robbery or criminal violence at sea. The term can include acts committed on land, in the air, or in other major bodies of water or on a shore. It does not normally include crimes committed against persons traveling on the same vessel as the perpetrator (e.g. one passenger stealing from others on the same vessel). The term has been used throughout history to refer to raids across land borders by non-state agents....</p>
  </section>
  <footer class="entry-footer">January 15, 2015</footer>
  <a class="entry-link" aria-label="post link to Pirates arrrr" href="https://leodesksss.gitee.io/post/2015-01-15-pirates/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>First post!</h2>
  </header>
  <section class="entry-content">
    <p>This is my first post, how exciting!</p>
  </section>
  <footer class="entry-footer">January 5, 2015</footer>
  <a class="entry-link" aria-label="post link to First post!" href="https://leodesksss.gitee.io/post/2015-01-04-first-post/"></a>
</article>
    </main>
    <footer class="footer">
    <span>&copy; 2021 <a href="https://leodesksss.gitee.io/">Beautiful Hugo</a></span>
    <span>
        Powered by
        <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
        <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a>
    </span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)">
    <button class="top-link" id="top-link" type="button" accesskey="g">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
            <path d="M12 6H0l6-6z" />
        </svg>
    </button>
</a>

<script>
    let menu = document.getElementById('menu')
    menu.scrollLeft = localStorage.getItem("menu-scroll-position");
    menu.onscroll = function () {
        localStorage.setItem("menu-scroll-position", menu.scrollLeft);
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };

</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>
</body>

</html>
